Learning Outcomes:
i. Identify HTML tags to format text font styles, colors, and sizes.
ii. Apply tags for bold, italic, underlined, and strikethrough text.
iii. Change font color and size to add visual accents and hierarchy.
iv. Customize your webpages with diverse text formatting possibilities.
Introduction:
Remember how we dressed up our words with basic formatting in the last lesson? Today, we dive into the costume shop of HTML, exploring special text formatting tags that change the look and feel of your words, transforming them into visual powerhouses on your webpages!
i. Font Styles: Bold, Italic, Take Your Pick!
Want to make certain words stand out? Use the tag trio - <b> for bold, <i> for italic, and <u> for underline. Imagine shouting a word with <b>, whispering with <i>, and highlighting a key point with <u>. These tags add emphasis and draw attention to important parts of your text.
ii. Strikethrough: Crossing Things Out with Style:
Need to show something is no longer relevant? Use the <s> tag for strikethrough. Think of it like crossing out a word with a neat line, indicating it's been updated or replaced with something new.
iii. Color Splash: Paint Your Words with Flair!
Bored of black and white? The <font color> tag is your magic paintbrush! Add a color code inside the tag, like <font color="#ff0000"> for red or <font color="#00ff00"> for green. Suddenly, your text pops with personality, highlighting special offers or important sections.
iv. Size Matters: From Whispers to Shouts:
Want to control the volume of your words? Use the <font size> tag! Assign a number between 1 and 7 (1 being the smallest, 7 the largest) to adjust the font size. Imagine whispering secrets with a font size=2 or announcing news with a booming font size=7.
v. Putting it Together: A Symphony of Styles:
Remember, you can combine these tags for a powerful effect! Make a heading bold and red with <h1><font color="#ff0000"><b>Big News!</b></h1>. Use italics and different sizes to create contrasting quotes or highlight key points within paragraphs. The possibilities are endless!
With your newfound mastery of text formatting tags, you're a wordsmith with a digital paintbrush! Experiment with styles, colors, and sizes to create visually striking content that engages your readers and adds personality to your webpages. Remember, even the simplest text can shine with the right formatting magic.
